<template>
	<view class="content">
    <view class="list">
      <view class="item" v-for="(item, index) in lists" :key="index" @tap="goPage(item)">
          {{item.title}}
          <view class="iconfont icon-jiantou _font-10" style="color: #bdbdbd;"></view>
      </view>
     <!-- <view class="item"  @tap="goServiceRule()">
          服务规则
          <view class="iconfont icon-jiantou _font-10" style="color: #bdbdbd;"></view>
      </view> -->
    </view>
	</view>
</template>

<script>
  import {
  	getFeedbackList,
  } from '@/api/info_setting.js';
  
	export default {
		data() {
			return {
        lists:[]
			}
		},
   onLoad(options) {
     this.initData()
   },
   methods: {
     initData(){
       getFeedbackList().then(res => {
         console.log('res', res)
         this.lists = res.data;
       }).catch(err => {
       	that.$util.Tips({
       		title: err
       	});
       })
     },
     goPage(item){
       console.log('item', item)
       uni.navigateTo({
         url: `/pages/users/help_feedback/detail?id=${item.id}&title=${item.title}`
       })
     },
     goServiceRule(){
       uni.navigateTo({
         url: `/pages/users/service_rule/index`
       })
     }
   }
	}
</script>

<style scoped>
	page {
    min-height: 100vh;
		background-color: rgb(248,249,252);
	}

	.content {
		padding: 32rpx;
	}
  .list{
    
  }
  .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFF;
    font-size: 28rpx;
    color: rgba(0,0,0,0.9);
    padding: 32rpx 28rpx;
    border-radius: 10rpx;
    margin-bottom: 24rpx;
  }
</style>
